$(document).ready(function() {
  var currentIndex = 0;
  var focus; //函数对象
  var currentID = 0; //取得鼠标下方的对象ID
  var pictureID = 0; //索引ID
  $("#index_focus_piclist li").eq(0).show(); //默认
  autoScroll();
  $("#index_focus_btn li").hover(function() {
	  StopScrolll();
	  $("#index_focus_btn li").removeClass("current")//所有的li去掉当前的样式加上正常的样式
	  $(this).addClass("current"); //而本身则加上当前的样式去掉正常的样式
	  currentID = $(this).attr("id"); //取当前元素的ID
	  pictureID = currentID.substring(currentID.length - 1); //取最后一个字符
	  $("#index_focus_piclist li").eq(pictureID).fadeIn("slow"); //本身显示
	  $("#index_focus_piclist li").not($("#index_focus_piclist li")[pictureID]).hide(); //除了自身别的全部隐藏
	  $("#index_focus_tx li").hide();
	  $("#index_focus_tx li").eq(pictureID).show();
  
  }, function() {
	  //当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步
	  currentID = $(this).attr("id"); //取当前元素的ID
	  pictureID = currentID.substring(currentID.length - 1); //取最后一个字符
	  currentIndex = pictureID;
	  autoScroll();
  });
  //自动滚动
  function autoScroll() {
	  $("#index_focus_btn li:last").removeClass("current");
	  $("#index_focus_tx li:last").hide();
	  $("#index_focus_btn li").eq(currentIndex).addClass("current");
	  $("#index_focus_btn li").eq(currentIndex - 1).removeClass("current");
	  $("#index_focus_tx li").eq(currentIndex).show();
	  $("#index_focus_tx li").eq(currentIndex - 1).hide();
	  $("#index_focus_piclist li").eq(currentIndex).fadeIn("slow");
	  $("#index_focus_piclist li").eq(currentIndex - 1).hide();
	  currentIndex++; currentIndex = currentIndex >= 4 ? 0 : currentIndex;
	  focus = setTimeout(autoScroll, 3000);
  }
  function StopScrolll()//当鼠标移动到对象上面的时候停止自动滚动
  {
	  clearTimeout(focus);
  }
});